<template>
  <div class="text-container">
     <h1>朱德简介</h1>
    <div class="image-box">
      <img src="../../assets/image/402.jpg" />
    </div>
    <p>朱德是中国近现代历史上杰出的革命家、军事家，中国共产党和中华人民共和国的主要领导人之一，也是中国人民解放军的主要创建者之一。他出生于1886年，早年加入孙中山领导的同盟会，积极参与辛亥革命和护国战争、护法战争，成为滇军名将。朱德在革命生涯中，为中国革命成功、为中国人民解放事业立下了丰功伟绩，为我国社会主义革命和建设事业建立了不朽功勋
。他不仅在军事上有着卓越的领导才能，而且在政治、经济建设方面也作出了重要贡献。朱德同志在近70年的革命生涯中，深受全党全军全国各族人民的爱戴和崇敬，毛泽东同志称赞朱德同志是“人民的光荣”，周恩来同志称赞朱德同志的革命历史“已成为二十世纪中国革命的里程碑”
。朱德同志的一生，是从旧民主主义革命者转变为共产主义者的典范，他的革命历史和精神风范，是党和人民的宝贵精神财富
。</p>
  </div>
</template>
<style scoped>
.image-box {
  display: flex; /* 使用 Flexbox 布局 */
  justify-content: center; /* 水平居中 */
  background-color: rgba(249, 249, 249, 0);
}
img {
  width: 200px;
  height: auto;
}
.text-container {
  width: 60%;
  margin: 0 auto;
  padding: 40px;
  background-color: #f0f0f0;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /*text-align: center;*/
  background-color: rgba(255, 255, 255, 0.3);
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.text-container h1 {
  margin-top: 0;
  text-align: center;
  background: linear-gradient(45deg, #e90805, #f5a504);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 40px;
}

.text-container h2 {
  margin-top: 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

h3 {
  position: relative; /* 设置相对定位，使伪元素可以相对其定位 */
  padding-left: 20px; /* 为圆点留出空间 */
  font-size: 18px; /* 设置字体大小 */
  line-height: 1.5; /* 设置行高 */
}

h3::before {
  content: ""; /* 伪元素必须有 content 属性 */
  position: absolute; /* 设置绝对定位 */
  left: 0; /* 定位到左边 */
  top: 50%; /* 垂直居中 */
  transform: translateY(-50%); /* 垂直居中 */
  width: 8px; /* 圆点的宽度 */
  height: 8px; /* 圆点的高度 */
  background-color: #000; /* 圆点的颜色 */
  border-radius: 50%; /* 设置为圆形 */
}
</style>
